<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>MY AJAX PROGRAMMING</title>
<style type="text/css">
select {
	min-width: 150px;
	font-size: 22pt;
	font-family: verdana;
}

table {
	font-size: 16pt;
	font-family: verdana;
	color: rgb(89,0,14)
}

.odd {
	background:rgb(112, 146, 192);
}

.even {
	background:rgb(200, 191, 131);
}


.trans1 {
	position: absolute;
	width: 99%;
	height: 99%;
	background: grey;
	opacity: 0.6;
	z-index: 1;
}

.trans2 {
	position: absolute;
	width: 99%;
	height: 99%;
	z-index: 2;
}
</style>
<script src="syllabus.js" type="text/javascript"></script>
<link href="welcome.css" rel="stylesheet" />
<script type="text/javascript" src="welcome.js"></script>
</head>
<body>
	<div class="trans1" id="pbar1"></div>
	<table class="trans2" id="pbar2">
		<tr>
			<td align="center"><img src="Untitled.gif"></img></td>
		</tr>
	</table>
		<table style="width: 99%" class="heading-box">
		<tr>
			<td width="85px"><img src="logo.png" /></td>
			<td align="center"><div>
					<h2 class="college-heading">Karpaga Vinayaga College of
						Engineering and Technology</h2>
					<h4 class="dept-heading">Department Of Computer Science and
						Engineering</h4>
				</div></td>
		</tr>
	</table>


	<div class="title-box" id="title">
		<span class="project-title">Learning Management System</span>
	</div>
	<table border="0" width="99%" height="99%">
		<tr>
			<td align="center">
				<table border="0">
					<tr class="odd">
						<td style="width:300px;padding:10px">Department</td>
						<td><select id="deptCombobox"></select></td>
					</tr>
					<tr class="even">
						<td style="width:300px;padding:10px">Year</td>
						<td><select id="yearsCombobox"></select></td>
					</tr>
					<tr class="odd">
						<td style="width:300px;padding:10px">Semester</td>
						<td><select id="semCombobox"></select></td>
					</tr>
					<tr><td><br/><br/></td></tr>
					<tr class="even">
						<td colspan="2" style=";padding:10px">Subjects</td>
					</tr>
					
					<tr>
						<td><div id="subjectsHolder"></div></td>
					</tr>

				</table>
			</td>
		</tr>
	</table>
</body>
</html>